<template>
<div>
   <div class="footer-box">
    <div class="want">
      <figure>
        <span class="iconfont icon-shoucang"></span>
        <figcaption>想要</figcaption>
      </figure>
    </div>
    <div class="have">
       <figure>
        <span class="iconfont icon-shenqingjiaru"></span>
        <figcaption>我有</figcaption>
      </figure>
    </div>
    <div class="sale">
      出售
    </div>
    <div class="goumai" >
      立即购买
    </div>
  </div>
   <div>
      <img src="/imgs/buy.jpg" alt="">
    <img src="/imgs/buy1.jpg" alt="">
    <img src="/imgs/buy2.jpg" alt="">
    <img src="/imgs/buy3.jpg" alt="">
    </div>
</div>
 
</template>

<script>

// import font from '../../../assets/cao-iconfont/'
import mouth from "../../../../public/utils/mouth";
export default {
name:"DetailFooter",
// 购物车增加    @click="add"
// methods:{
//    add(){   
//          mouth.get("/goods/insert/",{
//           params:{
//             GoodsJpa:{
//               gid:"",
//               pic:"",
//               gName:"",
//               price:""
//             }
//           }
//          })
//         .then((res) => {
//           // this.shopList = res.data;
//           console.log(res.data);
//         })
//         .catch((err) => {
//           console.log("出错了", err);
//         });
//     },
    
// },
//  created(){
//     this.add();
//   }
};
</script>

<style scoped>
@import url(../../../assets/cao-iconfont/iconfont.css);
.footer-box {
  display: flex;
  width: 100%;
  height:.6rem;
  margin-top: .2rem;
}
.want{
  margin-left: .1rem;
   font-size: .14rem;
}
.want .icon-shoucang{
  color: #00cacc; 
   font-weight: bold;
}
.have{
   margin-left: .1rem;
   font-size: .14rem;
}
.have .icon-shenqingjiaru{
 font-size: .14rem;
 font-weight: bold;
}
.sale{
  width: .8rem;
  height: .4rem;
  border: 1px solid #afafaf;
   text-align: center;
  line-height: .4rem;
  border-radius: .05rem;
   margin-left: .1rem;
}
.goumai{
  width: 1.9rem;
  height: .4rem;
  background-color: #00cacc;
  color: white;
  text-align: center;
  line-height: .4rem;
  border-radius: .05rem;
  margin-left: .05rem;
}
img{
  display: block;
  width: 3.6rem;
}
</style>